<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Free CSS template by ChocoTemplates.com</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
	<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
	<script src="js/jquery-func.js" type="text/javascript"></script>
</head>
<body>
<!-- Backgrounds -->
<div id="bg-y">
	<div id="bg-top">
		<div id="top">
			
			<!-- Shell -->
			<div class="shell">
				
				<!-- Header -->
				<div id="header">
					<h1 id="logo"><a href="#">Portfolio<br />Site</a></h1>
					<div id="navigation">
						<ul>
						    <li><a href="#home">Home</a></li>
						    <li><a href="#about">About me</a></li>
						    <li><a href="#portfolio">Portfolio</a></li>
						    <li><a href="#contact">Contact</a></li>
						</ul>
					</div>
				</div>
				<!-- End Header -->
				
				<!-- Main -->
				<div id="main">
					
					<!-- Welcome -->
					<div class="post" id="home">
						<h2>Welcome to my portfolio</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada, nisi et commodo posuere, lectus felis vestibulum nulla, ac porttitor sapien libero et sem. Integer pharetra leo at mi lacinia quis pulvinar arcu fringilla. Donec viverra ante sed tellus tincidunt dignissim. Nullam nec elit metus, eget dapibus dui. Sed nec scelerisque orci. Fusce nec tempus nunc. Vestibulum egestas quam in ligula congue mattis.</p>
					</div>
					<!-- End Welcome -->
					
					<!-- About -->
					<div class="post" id="about">
						<h2>About ME</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada, nisi et commodo posuere, lectus felis vestibulum nulla, ac porttitor sapien libero et sem. Integer pharetra leo at mi lacinia quis pulvinar arcu fringilla. Donec viverra ante sed tellus tincidunt dignissim. Nullam nec elit metus, eget dapibus dui. Sed nec scelerisque orci. Fusce nec tempus nunc. Vestibulum egestas quam in ligula congue mattis.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada, nisi et commodo posuere, lectus felis vestibulum nulla, ac porttitor sapien libero et sem. Integer pharetra leo at mi lacinia quis pulvinar arcu fringilla. Donec viverra ante sed tellus tincidunt dignissim. Nullam nec elit metus, eget dapibus dui. Sed nec scelerisque orci. Fusce nec tempus nunc. Vestibulum </p>
						
					</div>
					<!-- End About -->
					
					<!-- Portfolio -->
					<div class="post" id="portfolio">
						<h2>Portfolio</h2>
						<div class="portfolio">
							<div class="portfolio-holder">
								<ul>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								    <li>
								    	<a href="http://cssmayo.com" target="_blank" title="CSS Gallery - CSS Mayo"><img src="css/images/image1.jpg" alt="CSS Gallery - CSS Mayo" /></a>
								    	<a href="http://freemailtemplates.com" target="_blank" title="FREE Email Templates"><img src="css/images/image2.jpg" alt="FREE Email Templates" /></a>
								    </li>
								</ul>
							</div>
							<div class="portfolio-nav">
								<a href="#" class="prev">Previous</a>
								<a href="#" class="next">Next</a>
							</div>
						</div>
					</div>
					<!-- End Portfolio -->
					
					<!-- Contact -->
					<div class="post" id="contact">
						<h2>Contact Me</h2>
						<div class="contact-form">
							<div class="cl">&nbsp;</div>
							<div class="left">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada, nisi et commodo posuere, lectus felis vestibulum nulla, ac porttitor sapien libero et sem. Integer pharetra leo at mi lacinia quis pulvinar arcu fringilla. Donec viverra ante sed tellus tincidunt dignissim. Nullam nec elit metus, eget dapibus dui. Sed nec scelerisque orci. Fusce nec tempus nunc. Vestibulum egestas quam in ligula congue mattis.
							</div>
							<div class="form right">
								<form action="" method="post">
									<label>Your Name <span>(Required)</span></label>
									<span class="field"><input type="text" /></span>
									
									<label>Your E-Mail <span>(Required)</span></label>
									<span class="field"><input type="text" /></span>
									
									<label>Message <span>(Required)</span></label>
									<span class="field"><textarea rows="10" cols="10"></textarea></span>
									<div class="cl">&nbsp;</div>
									<input type="submit" class="submit-form" value="Submit" />
								</form>
							</div>
							<div class="cl">&nbsp;</div>
						</div>
					</div>
					<!-- End Contact --> 
					
				</div>
				<!-- End Main -->
				
				
				<!-- Footer -->
				<div id="footer">
					<p>&copy; Sitename.com. Design by <a href="http://chocotemplates.com" target="_blank" title="CSS Templates">ChocoTemplates.com</a></p>
				</div>
				<!-- End Footer -->
				
			</div>
			<!-- End Shell -->
			
		</div>
	</div>
</div>
<!-- End Backgrounds -->
</body>
</html>